import React, { Component } from 'react'

// export default class List extends Component {
//   render() {
//     console.log(this.props)
//     return (
//       <div>
//         <p>{this.props.yyy}</p>
//         <ul>
//           {this.props.xxx.map((item) => {
//             return <li key={item}>{item}</li>
//           })}
//         </ul>
//       </div>
//     )
//   }
// }
export default function List(props) {
  console.log(props)
  return (
    <div>
      <p>{props.yyy}</p>
      <ul>
        {props.xxx.map((item) => {
          return <li key={item}>{item}</li>
        })}
      </ul>
    </div>
  )
}
